{% load static %}
<!DOCTYPE html>
<html>
<head>
    <meta name="format-detection" content="telephone=no">
    <meta charset="UTF-8">
    <title>西施e缤纷</title>
    <!-- title内文字是浏览器标题栏文字 -->
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" type="text/css" href={% static "css/style.css" %}>
</head>
<body>
<header>
    <div id="focus" class="focus banner clear">
        <div class="bd">
            <ul>
                <li><a href="{{ img.0.url }}"><img src="{{ img.0.image.url}}"
                                                                                     width="100%" height="100%"></a></li>
                <li><a href="{{ img.1.url }}"><img src="{{ img.1.image.url}}" width="100%"
                                                                             height="100%"></a></li>
                <li><a href="{{ img.2.url }}"><img src="{{ img.2.image.url}}" width="100%"
                                                                             height="100%"></a></li>
                <li><a href="{{ img.3.url }}"><img src="{{ img.3.image.url}}" width="100%"
                                                                             height="100%"></a></li>
                <!-- 四个banner图文件路径及链接 -->
            </ul>
        </div>
    </div>
</header>
<ul class="footer-iconwrap">
    <a class="font40" href="index">
        <li class="footer-icon">
            <span class="icon-pic"><img src={% static "img/桃心.png" %}></span>
            <p class="icon-text">首页</p>
        </li>
    </a>
    <a class="font40" href={% url  "activity" %}>

        <li class="footer-icon">
            <span class="icon-pic"><img src={% static "img/笑脸.png" %}></span>
            <p class="icon-text">活动天地</p>
        </li>
    </a>
    <a class="font40" href="tinker">
        <li class="footer-icon">
            <span class="icon-pic"><img src={% static "img/小鸟.png" %}></span>
            <p class="icon-text">讲座抢票</p>
        </li>
    </a>
    <a class="font40" href="job">
        <li class="footer-icon">
            <span class="icon-pic"><img src={% static "img/人.png" %}></span>
            <p class="icon-text">招聘就业</p>
        </li>
    </a>
    <div class="clearfix"></div>
    <!-- 四个功能模块,首页,活动,招聘信息等 -->
</ul>
<!--以上是头部分,所有网页是一样的  -->
<section>
    <div class="comp-titwrap">
        <span class="font40 comp-line comp-float"></span>
        <span class="font40  comp-float">讲座抢票</span>
        <span class="font40 comp-line comp-floatr"></span>
        <div class="clearfix"></div>
    </div>
    </div>
    <div class="news-box">
        <ul class="news-wrap">
            <a class="font40 fontwhite new-tit index-newscur" href="###">
                <li>校级讲座</li>
            </a>
            <a class="font40 fontwhite new-tit" href="###">
                <li>院级讲座</li>
            </a>
            <a class="font40 fontwhite new-tit" href="###">
                <li>公益讲座</li>
            </a>
            <div class="clearfix"></div>
        </ul>
        <div class="news-newtitwrap">
{#					<span class="company-conpic">#}
{#							<a href="https://q.yiban.cn/app/index/appid/183036"><img src="img/文学院.jpg" width="100%"#}
{#                                                                                     height="100%"></a>#}
{#						</span>#}
            <div class="news-titwrap">
                {% for i in tinkerList.0 %}
                    <a class="news-tititem" href={{ i.url }}>
                        <span class="news-titleft font20">{{ i.title }}</span>
                        <span class="news-titright font18">{{ i.date|date:"Y-m-d" }}</span>
                        <div class="clearfix"></div>
                    </a>
                {% endfor %}

            </div>
            <div class="news-titwrap box-hidden">
                {% for i in tinkerList.1 %}
                    <a class="news-tititem" href={{ i.url }}>
                        <span class="news-titleft font20">{{ i.title }}</span>
                        <span class="news-titright font18">{{ i.date|date:"Y-m-d" }}</span>
                        <div class="clearfix"></div>
                    </a>
                {% endfor %}
                <div class="clearfix"></div>
                </a>
            </div>
            <div class="news-titwrap box-hidden">
                {% for i in tinkerList.2 %}
                    <a class="news-tititem" href={{ i.url }}>
                        <span class="news-titleft font20">{{ i.title }}</span>
                        <span class="news-titright font18">{{ i.date|date:"Y-m-d" }}</span>
                        <div class="clearfix"></div>
                    </a>
                {% endfor %}
            </div>
        </div>
        <div class="page-wrap font24 page-center">
{#            <a href="###" class=" fontcolor-40 page-item page-prev page-float">上一页</a>#}
            <a href="###" class=" fontcolor-40 page-item page-float page-center"">查看更多</a>
{#            <a href="###" class=" fontcolor-40 page-item page-float">2</a>#}
{#            <a href="###" class=" fontcolor-40 page-item page-float">3</a>#}
{#            <a href="###" class=" fontcolor-40 page-item page-float">4</a>#}
{#            <a href="###" class=" fontcolor-40 page-item page-next page-float">下一页</a>#}
{#            <div class="clearfix"></div>#}
        </div>
    </div>
</section>


<footer>
    <a class="font40" id="return" href="#">
        返回顶部
    </a>
    <p></p>
    <div class="clearfix"></div>
    <div class="footer-note">
        <p class="font40 note-item">© 西华师范大学易班学生工作站</p>
</div>
</footer>
</body>
<script type="text/javascript" src={% static "js/public.js" %}></script>
<script src={% static "js/jquery.min.js" %}></script>
<script src={% static "js/TouchSlide.1.1.js" %}></script>
<script>
    /*字号rem尺寸变化代码*/
    window.onload = window.onresize = function () {
        document.documentElement.style.fontSize = 100 * document.documentElement.clientWidth / 750 + 'px'
    };
    /*导航展开收起效果代码*/
    $(document).ready(function () {
        $("#open-icon").click(function () {
            $("#nav-list").slideToggle();
        });
    });
    /*新闻中心导航切换效果*/
    $(function () {
        $(".news-wrap a").click(
            function () {
                $(this).addClass("index-newscur").siblings().removeClass("index-newscur")
            });
    });
    $(function () {
        $('.news-wrap .new-tit').click(function () {
            var $a = $(this).index();//获取序列号
            $('.news-newtitwrap>div').eq($a).show().siblings().hide();
        });
    });
    //banner
    TouchSlide({
        slideCell: "#focus",
        titCell: ".hd ul", //开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层
        mainCell: ".bd ul",
        effect: "leftLoop",
        autoPlay: true,//自动播放
        autoPage: true, //自动分页
        switchLoad: "_src" //切换加载，真实图片路径为"_src"
    });
</script>
</html>
